

.gateway_bd .list {  width: 180px;  float: left;  overflow: hidden;top:0px;  background:#ecf1f5;  border-right: 0px;  min-height: 822px;  }
.gateway_bd .list dl {  border-bottom: 1px solid #ddd;  padding-bottom: 20px;  }
.gateway_bd .list dl dt {  padding:30px 15px 15px;  font-size: 16px;  font-weight: normal;  }
.gateway_bd .list dl dd a {  display: block;  padding: 8px 15px;  color: #888;  font-size: 14px;  }
.gateway_bd .list dl dd a:hover {  background: #ededed;  text-decoration: none;  font-weight: normal;  }
.gateway_bd .list dl dd a.active {  background: #fff;border-left:3px solid #1bc1d7;color:#1bc1d7  }



.gateway_index{padding-bottom:150px;}
.gateway_index .sb{border:1px solid #ddd;margin-top:30px;padding: 30px;box-shadow: 0px 0px 3px #ddd;height:150px;}
.gateway_index .sb dt{float:left;width:280px;border-right:1px solid #ddd;display: inline-block}
.gateway_index .sb dt .img{width:86px;border-radius: 20px;display:inline-block;height:86px;background:#ebf0f5;overflow:hidden;}
.gateway_index .sb dt .img img{width:86px;height:86px;}
.gateway_index .sb dt .name{font-weight: normal;padding-left:20px;}
.gateway_index .sb dd{margin-left:295px;}
.gateway_index .sb dd p{width:20%;display: inline-block;float: left;text-align: center}
.gateway_index .sb dd p i{display: block}
.gateway_index .sb dd p span{padding-top:12px;display: inline-block;color:#00b2c8;font-size:28px;}
.gateway_index{}

.gateway_bd .gateway{}


.gateway_bd .gateway-rbox{margin-left:180px;}
.gateway_bd .gateway-rbox .hd-title{border-bottom:1px solid #ddd;line-height:22px;padding:15px 0 15px 30px;margin-right:30px;}
.gateway_bd .gateway-rbox .hd-title .btn-info{line-height:normal}
.gateway_bd .overviewbox{margin-right:300px;padding:30px 30px 0;}
.gateway_bd .overviewbox .boxs{border-radius:5px;width: 530px;height:380px;margin:0 30px 30px 0px;float: left;border:1px solid #ddd;}
.gateway_bd .overviewbox .boxs .hd{padding:10px;}
.gateway_bd .apieventbox {padding:30px 30px 0}

.gateway_bd .apieventbox{margin-right:380px;}
.gateway_bd .apieventbox dl{margin-top:20px;}
.gateway_bd .apieventbox dl dt{font-weight: normal;position:relative}
.gateway_bd .apieventbox dl dt span{float:left;line-height:16px;text-align: center;padding-top:5px; font-size:12px;border-radius:50%;width:45px;height:45px;display: inline-block;background:#00b2c8;color:#fff;}
.gateway_bd .apieventbox dl dt p{z-index:222;position: relative; height:45px;line-height: 45px;display: inline-block;margin-left:10px;background:#fff;padding-right:15px;}
.gateway_bd .apieventbox dl dt:after{content: " ";position:absolute;height:1px;background:#ddd;top:22px;left:100px;right:0px;display: inline-block}

.gateway_bd .apieventbox{padding:30px 30px 10px;}
.gateway_bd .apieventbox dl dd{margin-top:40px;padding:10px 0 10px 60px;}
.gateway_bd .apieventbox dl dd .time{width:140px;display: inline-block;color:#888}
.gateway_bd .apieventbox dl dd .ath{width:140px;display: inline-block;color:#888}
.gateway_bd .apieventbox dl dd .ath img{width:40px;height:40px;border-radius:50%;}
.gateway_bd .apieventbox dl dd .da a:hover{text-decoration: underline}
.gateway_bd .convertbox{padding:30px 30px 0}
.gateway_bd .convertbox .check label{font-weight: normal}
.gateway_bd .convertbox .check{padding-bottom:5px;}
.gateway_bd .keybox{padding:30px 30px 0;margin-right:370px;}
.gateway_bd .keybox .table thead tr th{font-weight: normal}
.gateway_bd .keybox .link{margin:0 5px;font-size:12px;}

.gateway_bd .trafficbox{padding:30px 30px 0;margin-right:370px;}
.gateway_bd .trafficbox .table thead tr th{font-weight: normal}
.gateway_bd .trafficbox .link{margin:0 5px;font-size:12px;}

.gateway_bd .alertbox{padding:30px 30px 0;margin-right:370px;}
.gateway_bd .alertbox .table thead tr th{font-weight: normal}
.gateway_bd .alertbox .link{margin:0 5px;font-size:12px;}
.gateway_bd .apibox{padding:30px 30px 0;width:1000px;overflow: hidden}
.gateway_bd .apibox .serbox {position: relative;}
.gateway_bd .apibox .serbox input{width:880px;padding:5px 5px 5px 20px;border-radius: 5px;border:1px solid #ddd;}
.gateway_bd .apibox .serbox i{position: absolute;left:5px;top:5px;}
.gateway_bd .apibox .apiul{padding:20px 0;}
.gateway_bd .apibox .apiul li{padding:5px 0;}
.gateway_bd .apibox .apiul li a{color:#888;}
.gateway_bd .apibox .apiul li a:hover{color:#00b2c8}
.gateway_bd .apibox .rongqi{padding-top:30px;}
.gateway_bd .apibox .rongqi dl {position: relative;height:80px;box-sizing: border-box;padding-top:20px;border-bottom:1px solid #ddd;}
.gateway_bd .apibox .rongqi dl  .ribtn{position: absolute;right:10px;top:30px;width:150px;text-align: right}
.gateway_bd .apibox .rongqi dl dt{padding-bottom:5px;}
.gateway_bd .apibox .rongqi dl dt span{margin-right:10px;}
.gateway_bd .apibox .rongqi dl dt a{color:#888}
.gateway_bd .apibox .rongqi dl dd span{margin-right:5px;font-size:14px;}
.gateway_bd .apibox .rongqi dl dd p{display: inline-block;padding-right:10px;color:#888}
.gateway_bd .apibox .rform{float:left;width:700px;}
.gateway_bd .apibox .rform textarea{border:1px solid #ddd;height:600px;width:700px;padding:10px;box-sizing: border-box}
.gateway_bd .apibox .rside{border:1px solid #ddd;height:600px;width:230px;}
.gateway_bd .apibox .rside dl dt{padding:5px 10px;border-bottom:1px solid #ddd;}
.gateway_bd .apibox .rside dl dd a{display: block;color:#00a3c1;border-bottom:1px solid #ddd;padding:5px 10px;}
.gateway_bd .textip{padding:30px;line-height:1.7;color:#888;font-size:12px}




.gateway_alert_form{width:800px;}
.gateway_alert_form .form-horizontal{padding-top:40px;}
.gateway_alert_form .form-horizontal label{font-weight:normal}
.gateway_alert_form .form-horizontal .tip{line-height: 34px;padding-left:0px;}
.gateway_alert_form .form-horizontal .tip span{line-height:15px;padding-top:2px;height:35px;display: inline-block}
.gateway_alert_form .lab{float: left;color:#555}
.gateway_alert_form .tongzhi{margin-bottom:0px;}
.gateway_alert_form .tongzhi label{width:33%;float: left;display: inline-block;padding-bottom:20px;}
.gateway_alert_form .tongzhi label img{margin:0 5px;height:40px;height:40px;border-radius: 50%;vertical-align: middle}
.gateway_alert_form .tongzhi label span{}

.gateway_alert_form .tongzhi label span{}
.gateway_alert_rongqi {padding:20px;}
.gateway_alert_rongqi .serbox{width:780px;}
.gateway_alert_rongqi .serbox input{width:700px;height:32px;padding:2px 0;padding:0 5px;border-radius: 5px;border:1px solid #ddd;}
.gateway_alert_rongqi .rongqiul{padding-top:15px;}
.gateway_alert_rongqi .rongqiul dl{position:relative;padding:10px 0;border-bottom:1px solid #ddd;}
.gateway_alert_rongqi .rongqiul dl dt span{margin-right:5px;}
.gateway_alert_rongqi .rongqiul dl dd {}
.gateway_alert_rongqi .rongqiul dl .btn{right:0px;position: absolute;top:20px;}
.gateway-alert-history{}
.gateway-alert-history{padding:15px;}
.gateway-alert-history .form-inline{padding-bottom:20px;}
.gateway-alert-history .pagination{margin-top:0px;}
.gateway-alert-history .pagination a{margin-left:5px;color:#00b2c8}
.gateway-alert-history .pagination li.active a{background-color:#00b2c8;border:1px solid #00b2c8;color:#fff;}


.nocontent{text-align: center}
.nocontent .icon{width:280px;margin:0 auto;padding:80px 0;}
.nocontent .icon .iconfont{font-size:100px;color:#dae1e8;line-height:80px;}
.nocontent  .icon p{display: block}
.nocontent .back{background:#ecf1f5}
.nocontent .back .img{width:500px;float:left;}
.nocontent .back .text{float:right;width:360px;padding-top:80px;}
.nocontent .inner{width:1000px;margin:0 auto;text-align: left;padding:50px 0;}
.nocontent .inner .text h4{font-size:26px;font-weight: normal}
.nocontent .inner .text span{display: block;padding:10px 0;color:#999}














